@import 'normalize.css';
@import 'https://js.cybozu.com/font-awesome/v4.6.3/css/font-awesome.min.css';
@import 'scroll_picture.scss';

@import 'variables';
@import 'mixin';
@import 'Help_Center_Custom_theme_profile_Responsive.scss';


/* --------------
css debug
---------------*/
* {
  //outline: 1px solid red;
}


/* --------------
ALL
---------------*/
* {
  box-sizing: border-box;
}

/* --------------
font
---------------*/
/* font size */
html {
  font-size: 14px;
}

body {
  font-size: 1rem;
}

/* font-family */
body {
  font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}

b,strong,
.text-bold {
  font-weight: bold;
}

/* --------------
z-index
---------------*/


.notification {
  position: fixed;
  z-index: $notification-zindex;
}

/* --------------
layout
---------------*/
html,
body {
  height: 100%;
}

main,
.container {
  min-height: 100%;
}

body {
  padding-bottom: 0;
}

main {
  margin: 0;
  padding: 0 0 100px 0;
  width: 100%;
  background:  #fafafa url("https://mydevasset.blob.core.windows.net/system-container/image/background.png") center bottom repeat-x;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 $grid-basic*2;
  @media(max-width: $break-tablet-max) {
    width: 100%;
  }
}

.container-fluid {
  @include clearfix();
}

.row {
  @include clearfix();
  display: flex;
}



.sub-nav {
  margin-bottom: 0;
  padding:$grid-basic*1.5 0;
}

.sub-nav .search {
    width: 100%;
}

/*---------------
zendesk
---------------*/
#navbar-container {
  //height: 45px!important;
}

/* --------------
buttons
---------------*/
@import "button";

/* --------------
header
---------------*/
@import "header";

/* --------------
footer
---------------*/
@import "footer";

/* --------------
searchForm
---------------*/
@import "searchForm";

/* --------------
homepage
---------------*/
@import "homepage";

/* --------------
sideNav
---------------*/
@import "sideNav";

/* --------------
category
---------------*/
@import "category";

/* --------------
section
---------------*/
@import "section";

/* --------------
article
---------------*/
@import "article";

/* --------------
community
---------------*/
@import "community";

/* --------------
comment parts
---------------*/
@import "comment";

/* --------------
vote parts
---------------*/
@import "vote";

/* --------------
search
---------------*/
@import "search";

/* --------------
error page
---------------*/
@import "error";

/* --------------
gist embed
---------------*/
@import "gist";

/* --------------
my activity page
---------------*/
@import "activity";
